<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" href="./css/index.css" />
		<link rel="stylesheet" href="./css/swiper.min.css" />
		<title>联通商城</title>
	</head>
	
	<body>
		<div class="box">
			<div class="header">
				<div class="back"><a href="javascript:history.back(-1);">返回</a></div>
				<div class="head-title">
					<span>首页</span>
					<span>18011119999</span>
				</div>
				<div class="close"><a href="login.html">登录</a></div>
			</div>
			
			<div class="swiper-container swiper1">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="images/1.jpg" class="banner-img" /></div>
			        <div class="swiper-slide"><img src="images/2.jpg" class="banner-img" /></div>
			        <div class="swiper-slide"><img src="images/3.jpg" class="banner-img" /></div>
				</div>
				<!-- 分页器 -->
				<div class="swiper-pagination"></div>
			</div>

			<div class="search-box">
				<div class="sb">
					<input placeholder="请输入商品名称进行搜索" type="text" />
					<button>搜索</button>
					<div class="clean"></div>
				</div>
			</div>

			<div class="nav-menu">
				<a href="search-menu.html"><img src="./images/icon-1.png" /><span>类目</span></a>
				<a href="integral-service.html"><img src="./images/icon-2.png" /><span>积分服务</span></a>
				<a href="build.html"><img src="./images/icon-3.png" /><span>我能兑换</span></a>
				<a href="shop-cart.html"><img src="./images/icon-4.png" /><span>购物车</span></a>
				<a href="my-order.html"><img src="./images/icon-5.png" /><span>我的订单</span></a>
				<div class="clean"></div>
			</div>

			<div class="quick-menu">
				<div class="qm-1">
					<table cellpadding="0" cellspacing="0">
						<!--<tr>
							<td>
								<a href="build.html">
									<span class="sp-1 clr-1">省分专区</span>
									<span class="sp-2">特惠礼品热兑中</span>
									<img src="./images/img-1.png" />
								</a>
							</td>
							<td>
								<a href="build.html">
									<span class="sp-1 clr-2">流量包</span>
									<span class="sp-2">特惠礼品热兑中</span>
									<img src="./images/img-2.png" />
								</a>
							</td>
							<td>
								<a href="build.html">
									<span class="sp-1 clr-3">话费直充</span>
									<span class="sp-2">特惠礼品热兑中</span>
									<img src="./images/img-3.png" />
								</a>
							</td>
						</tr>-->
						<tr>
							<td>
								<a href="build.html">
									<span class="sp-1">通讯产品</span>
									<img src="./images/img-4.png" />
								</a>
							</td>
							<td>
								<a href="build.html">
									<span class="sp-1">手机配件</span>
									<img src="./images/img-5.png" />
								</a>
							</td>
							<td>
								<a href="build.html">
									<span class="sp-1">数码电器</span>
									<img src="./images/img-6.png" />
								</a>
							</td>
						</tr>
						<tr>
							<td>
								<a href="build.html">
									<span class="sp-1">家居日用</span>
									<img src="./images/img-6.png" />
								</a>
							</td>
							<td>
								<a href="build.html">
									<span class="sp-1">母婴用品</span>
									<img src="./images/img-4.png" />
								</a>
							</td>
							<td>
								<a href="build.html">
									<span class="sp-1">个护化妆</span>
									<img src="./images/img-5.png" />
								</a>
							</td>
						</tr>
					</table>
				</div>
			</div>
			<!-- <div class="menu">
				<a href="index.html">首页</a>
				<a href="build.html">服务</a>
				<a href="build.html">商品</a>
				<a href="build.html">我的联通</a>
			</div> -->
			<div class="shop-red clearfix">
				<div class="shop-red-top">
					<span></span><i>为您推荐</i>
				</div>
				<div class="shop-red-bottom clearfix">
					<div class="shop-red-bottoml pull-left">
						<a href="javascript:void(0)">
							<img src="images/tuijian1.jpg"/>
							<div class="list-info">
							<p>幻响二合一充电数据线电源线适用苹果</p>
							<p style="color: #F38481;">2290积分</p>
						</div>
						</a>
						
						
					</div>
					<div class="shop-red-bottomr pull-left">
						<div class="shop-red-bottomr-t">
							<a href="javascript:void(0)"  >
								<img class="pull-left" src="images/tuijian2.jpg"/>
								<div class="list-info list-info1 pull-left">
								<p>擦车毛</p>
								<p style="color:  #F38481;">8000积分</p>
							</div>
							</a>
							
						</div>
						<div class="shop-red-bottomr-t">
							<a href="javascript:void(0)" >
								<img class="pull-left" src="images/tuijian2.jpg"/>
								<div class="list-info list-info1 pull-left">
								<p style="word-break: break-all;">擦车毛是打发第三方</p>
								<p style="color:  #F38481;">8000积分</p>
							</div>
							</a>
							
						</div>
					</div>
				</div>
			</div>
			
			
			<div class="shop-red clearfix">
				<div class="shop-red-top">
					<span></span><i>热门兑换</i>
				</div>
				<div class="shop-red-bottom clearfix">
					<div class="shop-red-bottoml pull-left">
						<a href="javascript:void(0)">
							<img src="images/tuijian1.jpg"/>
							<div class="list-info">
							<p>幻响二合一充电数据线电源线适用苹果</p>
							<p style="color: #F38481;">2290积分</p>
						</div>
						</a>
						
						
					</div>
					<div class="shop-red-bottomr pull-left">
						<div class="shop-red-bottomr-t">
							<a href="javascript:void(0)"  >
								<img class="pull-left" src="images/tuijian2.jpg"/>
								<div class="list-info list-info1 pull-left">
								<p>擦车毛</p>
								<p style="color:  #F38481;">8000积分</p>
							</div>
							</a>
							
						</div>
						<div class="shop-red-bottomr-t">
							<a href="javascript:void(0)" >
								<img class="pull-left" src="images/tuijian2.jpg"/>
								<div class="list-info list-info1 pull-left">
								<p style="word-break: break-all;">擦车毛是打发第三方</p>
								<p style="color:  #F38481;">8000积分</p>
							</div>
							</a>
							
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="script/libs/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			window.onload=function(){
				//rem布局
				document.documentElement.style.fontSize = innerWidth/3.2 +"px";
			    window.addEventListener("resize",function(){
			        document.documentElement.style.fontSize = innerWidth/3.2  + "px";
			    },false)
			}
			var topSlider=new Swiper('.swiper1', {
	            autoplay: 2000,
				loop: true,
				pagination: '.swiper-pagination',
				paginationClickable: true
       		 });
		</script>
	</body>
</html>